<script setup lang="ts">
    import {ref} from "vue";
    import Child from "@/components/Child.vue";
    const num = ref(100);
    const fn = function(n:number){
        num.value = n;
        console.log("fn",n);
    }
</script>

<template>
    <h3>App:{{num}}</h3>
    <hr/>
    <Child @suibian="fn" :num="num"/>
</template>

<style scoped>

</style>